<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>首页_王者荣耀盒子</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="images/bitbug_favicon.ico" type="image/x-icon" />
  <link href="/static/css/base.css" rel="stylesheet">
  <link href="/static/css/index.css" rel="stylesheet">
  <link href="/static/css/m.css" rel="stylesheet">
  <script src="/static/js/jquery.min.js" type="text/javascript"></script>
  <script src="/static/js/jquery.easyfader.min.js"></script>
  <script src="/static/js/scrollReveal.js"></script>
  <script src="/static/js/common.js"></script>
  {% block css %}
  {% endblock %}
</head>

<body>
  <header id="header">
    <!--menu begin-->
    <div class="menu">
      <nav class="nav" id="topnav">
        <h1 class="logo"><a href="index.html">我的王者荣耀</a></h1>
        <li><a href="index.html">网站首页</a> </li>
        <li><a href="/list">英雄攻略</a>
          <ul class="sub-nav">
            <li><a href="list.html">Python</a></li>
            <li><a href="list.html">python Web</a></li>
            <li><a href="list.html">爬虫</a></li>
            <li><a href="list.html">人工智能</a></li>
            <li><a href="list.html">JS实例索引</a></li>
          </ul>
        </li>
        <li><a href="photo.html">我的战绩</a>
        </li>
        <li><a href="time.html">时间轴</a> </li>
        <li><a href="gbook.html">留言</a> </li>
        <li><a href="about.html">关于我</a> </li>
        <li><a href="release.html">我的好友</a></li>
      </nav>
    </div>
    <a href="login" id="login" target="_blank">登录</a>
    <a href="register" id="register" target="_blank">注册</a>
    <!--menu end-->
    <!--mnav begin-->
    <div id="mnav">
      <h2><a href="index.html" class="mlogo">个人博客</a><span class="navicon"></span></h2>
      <dl class="list_dl">
        <dt class="list_dt"> <a href="index.html">网站首页</a> </dt>
        <dt class="list_dt"> <a href="#">文章列表</a> </dt>
        <dd class="list_dd">
          <ul>
            <li><a href="list.html">Python</a></li>
            <li><a href="list.html">python Web</a></li>
            <li><a href="list.html">爬虫</a></li>
            <li><a href="list.html">人工智能</a></li>
            <li><a href="list.html">JS实例索引</a></li>
          </ul>
        </dd>
        <dt class="list_dt"> <a href="photo.html">我的相册</a> </dt>
        <dt class="list_dt"> <a href="time.html">时间轴</a> </dt>
        <dt class="list_dt"> <a href="gbook.html">留言</a> </dt>
        <dt class="list_dt"> <a href="about.html">关于我</a> </dt>
      </dl>
    </div>
    <!--mnav end-->


  </header>

  {% block pagebg %}
  {% endblock %}

  <article>
    <!--banner begin-->
    {% block picsbox %}
    <div class="picsbox">
      <div class="banner">
        <div id="banner" class="fader">
          {% for hero in params.heros[-6:] %}
          <li class="slide"><a href="/hero_detail?id=hero.id" target="_blank"><img src="{{hero.picture}}"><span class="imginfo">
            {{ hero.name }}
            ————
            {% for skill in hero.skills %}
            {{ skill.skill_name }}
            {% endfor %}
          </span></a></li>
          {% endfor %}
          <div class="fader_controls">
            <div class="page prev" data-target="prev">&lsaquo;</div>
            <div class="page next" data-target="next">&rsaquo;</div>
            <ul class="pager_list">
            </ul>
          </div>
        </div>
      </div>
      <!--banner end-->
      <div class="toppic">
        {% for hero in params.heros[54:56] %}
        <li> <a href="info.html" target="_blank"> <i><img src="{{ hero.picture }}"></i>
            <h2>{{ hero.name }}</h2>
            <span>今日明星英雄</span>
          </a> </li>
          {% endfor %}
      </div>
    </div>
    {% endblock %}

    <div class="blank"></div>
    <!--blogsbox begin-->
    <div class="blogsbox">
      {% for hero in params.heros[10:60] %}
      <div class="blogs" data-scroll-reveal="enter bottom over 1s">
        <h3 class="blogtitle"><a href="info.html" target="_blank">{{ hero.name}} </a></h3>
        <span 
        {% if loop.index % 2 == 0 %}
        class="bigpic"
        {% else %}
        class="blogpic"
        {% endif %}
        ><a href="info.html" title=""><img src="{{ hero.picture }}" alt=""></a></span>
        <p class="blogtext">{{ hero.hero_story }}</p>
        <div class="bloginfo">
          <ul>
            <li class="author"><a href="info.html">皮皮璐</a></li>
            <li class="lmname"><a href="info.html">学无止境</a></li>
            <li class="timer">2018-5-13</li>
            <li class="view"><span>34567</span>已阅读</li>
            <li class="like">9999</li>
          </ul>
        </div>
      </div>
      {% endfor %}
    </div>
    <!--blogsbox end-->
    <div class="sidebar">
      <div class="zhuanti">
        <h2 class="hometitle">英雄故事</h2>
        <ul>
          {% for hero in params.heros[50:54] %}
          <li> <i><img src="{{ hero.picture }}"></i>
            <p>{{ hero.name }}<span><a href="#">阅读</a></span> </p>
          </li>
          {% endfor %}
        </ul>
      </div>
      <div class="tuijian">
        <h2 class="hometitle">今日最热英雄</h2>
        <ul class="tjpic">
          <i><img src="{{params.heros[16].picture}}"></i>
          <p><a href="#">{{params.heros[16].name}}</a></p>
        </ul>
        <ul class="sidenews">
        {% for skill in params.heros[16].skills %}
          <li> <i><img src="{{ skill.skill_pic }}"></i>
            <p><a href="#">{{ skill.skill_name }}</a></p>
            <span style="text-overflow: ellipsis;">{{ skill.skill_exp }}</span>
          </li>
        {% endfor %}
        </ul>
      </div>
      <div class="tuijian">
        <h2 class="hometitle">英雄大剖析</h2>
        <ul class="tjpic">
          <i><img src="{{params.heros[78].picture}}"></i>
          <p><a href="#">{{params.heros[78].name}}</a></p>
        </ul>
        <ul class="sidenews">
          {% for skill in params.heros[78].skills %}
          <li> <i><img src="{{ skill.skill_pic }}"></i>
            <p><a href="#">{{ skill.skill_name }}</a></p>
            <span style="text-overflow: ellipsis;">{{ skill.skill_exp }}</span>
          </li>
          {% endfor %}
        </ul>
      </div>
      <div class="cloud">
        <h2 class="hometitle">标签云</h2>
        <ul>
          <a href="#">陌上花开</a> <a href="#">校园生活</a> <a href="#">html5</a> <a href="#">SumSung</a> <a href="#">青春</a> <a
            href="#">温暖</a> <a href="#">阳光</a> <a href="#">三星</a><a href="#">索尼</a> <a href="#">华维荣耀</a> <a href="#">三星</a>
          <a href="#">索尼</a>
        </ul>
      </div>
      <div class="links">
        <h2 class="hometitle">友情链接</h2>
        <ul>
          <li><a href="#" target="_blank">hzmayw码云</a></li>
          <li><a href="#" target="_blank">一个向往自由的男人</a></li>
          <li><a href="#" target="_blank">想要改变世界</a></li>
        </ul>
      </div>
      <div class="guanzhu" id="follow-us">
        <h2 class="hometitle">关注我 么么哒！</h2>
        <ul>
          <li class="sina"><a href="#" target="_blank"><span>微信公众号</span>马哥带你飞</a></li>
          <li class="tencent"><a href="#" target="_blank"><span>微信咨询</span>hzmayw</a></li>
          <li class="qq"><a href="#" target="_blank"><span>QQ号</span>331890213</a></li>
          <li class="email"><a href="#" target="_blank"><span>邮箱帐号</span>331890213@qq.com</a></li>
          <li class="wxgzh"><a href="#" target="_blank"><span>咨询电话</span>13601538868</a></li>
        </ul>
      </div>
    </div>
  </article>
  <footer id="footer">
    <p>Design by <a href=# target="_blank">个人博客</a> <a href="#">备XXXXXXXXX号-1</a></p>
  </footer>
  <a href="#" class="cd-top">Top</a>
</body>

</html>